<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>html과의 연계  - replaceChild</title>
<script type="text/javascript">
	function actionReplace(element) {
		// 새로운 span 엘리먼트를 생성
		var newElement = document.createElement("span");
		// 생성된 엘리먼트에 NEW 라는 글자노드를 만들어 삽입
		newElement.appendChild(document.createTextNode("NEW"));
		
		// 생성된 엘리먼트와 클릭으로 선택된 엘리먼트를 교환
		element.parentNode.replaceChild(newElement, element);
	}
</script>
</head>
<body>
	<button onclick="actionReplace(this);"> 1번 </button>
	<button onclick="actionReplace(this);"> 2번 </button>
	<button onclick="actionReplace(this);"> 3번 </button>
	<button onclick="actionReplace(this);"> 4번 </button>
	<button onclick="actionReplace(this);"> 5번 </button>
</body>
</html>
